//var NazwaField;
Ext.BLANK_IMAGE_URL = '/ext/resources/images/default/s.gif';
function exchangePic(from, to)
{
  document.getElementById(to).src = Ext.BLANK_IMAGE_URL;
  document.getElementById('fotoLargeDiv').style.background = 'url(/images/loadingAnimation.gif) center center no-repeat';
  document.getElementById(to).src = document.getElementById(from).src+'&w=1500&h=700';
}
  var NameF, CategoryF, CountryF, CityF, SystemsF, CreatorF, InvestorF, MainCreatorF, ProjectF, mapaCountryField, CountryField, countries;
function pickCountry(CountryID)
{
  var name = countries.getById(CountryID);
  name = name.data.VIRTUAL_NAMEEN;
  CountryF = CountryID;
  zakladki.activate(1);
  store.reload();
  CountryField.setValue(CountryID);
  mapaCountryField.setValue(CountryID);
  mapaCountryField.selectByValue(CountryID ,true);
  CountryField.selectByValue(CountryID ,true);
}

function pickSystem(SystemID)
{
  //var name = countries.getById(SystemID);
  //alert(name);
  //name = name.data.VIRTUAL_NAMEEN;
  SystemsF = SystemID;
  zakladki.activate(1);
  store.reload();
  //SystemsField.setValue(SystemID);
  //mapaSystemsField.setValue(SystemID);
  mapaSystemsField.selectByValue(SystemID ,true);
  SystemsField.selectByValue(SystemID ,true);
}

var box;
function showProgress()
{
        box = Ext.MessageBox.wait("Trwa ładowanie elementów", "Proszę czekać");
}
function loadObjectById(id)
{
  var record = store.getById(id);
    document.getElementById('objDirectLinkA').href = 'http://portfolio.aluprof.eu/?oid='+id;
    Ext.get('objDirectLinkA').update('http://portfolio.aluprof.eu/?oid='+id);

    var currentLang = 'EN';

    /* Update */
    if (currentLang == 'EN') {
        Ext.get('NameLabel').update(record.data.NAME2);
    } else {
        Ext.get('NameLabel').update(record.data.NAME);
    }
    Ext.get('CategoryLabel').update(record.data.CATEGORY);
    Ext.get('CountryLabel').update(record.data.COUNTRY);
    Ext.get('CityLabel').update(record.data.CITY);
    Ext.get('HeightLabel').update(record.data.HEIGHT);
    Ext.get('CreatorLabel').update(record.data.CREATOR);
    Ext.get('InvestorLabel').update(record.data.INVESTOR);
    Ext.get('ProjectLabel').update(record.data.PROJECT);
    Ext.get('MainCreatorLabel').update(record.data.MAINCREATOR);
    Ext.get('WwwLabel').update(record.data.WWW);
    
    var a = Ext.decode(record.data.SYSTEM); 
    var str='';
    for(var i=0;i<a.length;i++)
    {
      str += '<span><a href="'+a[i][1]+'" target="_blank">'+a[i][0]+'</a></span>\n';
    }
    var print_ico = '<a target="_blank" href="/html/?oid='+record.data.ID+'"><img alt="Wersja do druku" src="/images/icon_print.gif" class="ikona" />Wersja do druku</a>';
    if(record.data.PDF)
      Ext.get('objKartaDiv').update('<a href="'+record.data.PDF+'"><img src="/images/icon_pdf.gif" alt="Pobierz" class="ikona"/>Pobierz kartę obiektu (*.pdf)</a><br /><br />'+print_ico);
    else
      Ext.get('objKartaDiv').update(print_ico);
    Ext.get('objSystemyDiv').update(str);
    document.getElementById('WwwUrl').href = record.data.WWW;
    if(record.data.PDF)
      Ext.get('objKartaDiv').update('<a href="'+record.data.PDF+'"><img src="/images/icon_pdf.gif" alt="Pobierz" class="ikona"/>Pobierz kartę obiektu (*.pdf)</a><br /><br />'+print_ico);
    else
      Ext.get('objKartaDiv').update(print_ico);
    if(record.data.PHOTO1) {
      document.getElementById('MainPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('fotoLargeDiv').style.background = 'url(/images/loadingAnimation.gif) center center no-repeat';
      document.getElementById('MainPhoto').src = '/gfx.php?f='+record.data.PHOTO1+'&w=1500&h=700';
      document.getElementById('firstPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO1;
      }
    else {
      document.getElementById('fotoLargeDiv').style.background = 'url() center center no-repeat';
      document.getElementById('MainPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('firstPhoto').src = Ext.BLANK_IMAGE_URL;
      }
    if(record.data.PHOTO2)  {
      document.getElementById('secondPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('secondPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO2;
      }
    else {
      document.getElementById('secondPhoto').src = Ext.BLANK_IMAGE_URL;
      }
    if(record.data.PHOTO3) {  
      document.getElementById('thirdPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('thirdPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO3;
      }
    else {
      document.getElementById('thirdPhoto').src = Ext.BLANK_IMAGE_URL;
      }

    /* Hide empty */
    if (record.data.NAME.length == 0) Ext.get('NameLabelRow').addClass('displayNone');
    if (record.data.CATEGORY.length == 0) Ext.get('CategoryLabelRow').addClass('displayNone');
    if (record.data.COUNTRY.length == 0) Ext.get('CountryLabelRow').addClass('displayNone');
    if (record.data.CITY.length == 0) Ext.get('CityLabelRow').addClass('displayNone');
    if (record.data.HEIGHT.length == 0) Ext.get('HeightRow').addClass('displayNone');
    if (record.data.CREATOR.length == 0) Ext.get('CreatorLabelRow').addClass('displayNone');
    if (record.data.INVESTOR.length == 0) Ext.get('InvestorLabelRow').addClass('displayNone');
    if (record.data.PROJECT.length == 0) Ext.get('ProjectLabelRow').addClass('displayNone');
    if (record.data.MAINCREATOR.length == 0) Ext.get('MainCreatorLabelRow').addClass('displayNone');
    if (record.data.WWW.length == 0) Ext.get('WwwLabelRow').addClass('displayNone');

    if (record.data.MAINCREATOR.length == 0 && record.data.PROJECT.length == 0 && record.data.INVESTOR.length == 0) Ext.get('InvestorLabelOdstep').addClass('displayNone');
    if (record.data.COUNTRY.length == 0 && record.data.CITY.length == 0) Ext.get('CountryLabelOdstep').addClass('displayNone');
    if (record.data.WWW.length == 0) Ext.get('WwwLabelOdstep').addClass('displayNone');
    if (record.data.CREATOR.length == 0) Ext.get('CreatorLabelOdstep').addClass('displayNone');

    objInfo.enable();
    zakladki.activate(2);
}
Ext.onReady(function(){

function prePickSystem()
{
	setTimeout( "pickSystem('');", 1000);
}


  Ext.QuickTips.init();
  var newsTresc = new Ext.Panel({
    contentEl: 'newsDiv',
    frame: false,
    border: false,
    anchor: '100%'
  });
  var news = new Ext.Panel({
    region: 'center',
    title: 'Ostatnio dodane',
    iconCls: 'icon_hint',
    frame: true,
    border: true,
    margins: '5 5 5 5',
    autoScroll: true,
    layout: 'anchor',
    items: [newsTresc]
  });
  var mapaFlash = new Ext.Panel({
    contentEl: 'mapaFlashDiv',
    region: 'center',
    margins: '5 0 5 5',
    border: true
  });
  var mapaTekst = new Ext.Panel({
    contentEl: 'mapaTekstDiv',
    region: 'south',
    title: 'Czy wiesz że...',
    iconCls: 'icon_hint',
    margins: '5 0 5 5',
    frame: true,
    height: 105,
    autoScroll: true,
    collapsible : true
  });
  var mapaCenter = new Ext.Panel({
    region: 'center',
    layout: 'border',
    border: false,
    items: [mapaFlash, mapaTekst]
  });
  var NameField =  new Ext.form.TextField(
  {
        fieldLabel: 'Nazwa obiektu',
        labelStyle: 'font-size: 10; width: 120px;'
  });
    var mapaNameField = NameField.cloneConfig({});
  var rec_ =  Ext.data.Record.create([
           {name: 'ID', type: 'string', value: ''},
           {name: 'NAME', type: 'string', value: 'Wybierz wszystkie'}
           , {name: 'VIRTUAL_NAMEPL', type: 'string'}
, {name: 'VIRTUAL_NAMEEN', type: 'string'}
      ]);
  var rec = new rec_({
                    ID: '',
                    NAME: 'Wybierz wszystkie'
            , VIRTUAL_NAMEPL: 'Wybierz wszystkie' 
, VIRTUAL_NAMEEN: 'Wybierz wszystkie' 
                });
  var categories =  new Ext.data.Store({
                     url: 'cats/list',
                    reader: new Ext.data.XmlReader({
                    record: 'ITEM'//,
                    }, [
                     {name: 'VIRTUAL_NAMEEN', mapping: 'VIRTUAL_NAMEEN'},
                     'ID'
                      ]),
                    listeners: {
                                load: function (){
                                                  this.insert(0, rec);
                                                  }
                                } 
                    });
  var CategoryField = new Ext.form.ComboBox({
                     typeAhead: true,
                     allowBlank: true,
                     fieldLabel: 'Kategoria',
                     labelStyle: 'font-size: 10; width: 120px;',   
                     triggerAction: 'all',
                     forceSelection: true,
                     store: categories,
                     width: 109,
                     mode: 'remote',
                     displayField: 'VIRTUAL_NAMEEN',
                     valueField: 'ID',
                     listWidth: 126,
                     lazyRender:true
                   });
  var mapaCategoryField = CategoryField.cloneConfig({
  width: 126,
  listWidth: 126  });
  countries =  new Ext.data.Store({
                     url: 'counts/list',
                    reader: new Ext.data.XmlReader({
                    record: 'ITEM',
                    id: 'ID'
                    }, [
                     {name: 'VIRTUAL_NAMEEN', mapping: 'VIRTUAL_NAMEEN'},
                     'ID'
                      ]),
                     listeners: {
                                load: function (){
                                                  this.insert(0, rec);
                                                  }
                                } 
                    });
  countries.load();
  CountryField = new Ext.form.ComboBox({
                     typeAhead: true,
                     allowBlank: true,
                     fieldLabel: 'Kraj',
                     labelStyle: 'font-size: 10; width: 120px;',   
                     triggerAction: 'all',
                     forceSelection: true,
                     store: countries,
                     width: 109,
                     mode: 'remote',
                     displayField: 'VIRTUAL_NAMEEN',
                     valueField: 'ID',
                     listWidth: 126,
                     lazyRender:true
                   });
  mapaCountryField = CountryField.cloneConfig({
  width: 126,
  listWidth: 126  });
  systems =  new Ext.data.Store({
                     url: 'sys/list',
                     id: 'systems',
                    reader: new Ext.data.XmlReader({
                    record: 'ITEM'//,
                    }, [
                     {name: 'NAME', mapping: 'NAME'},
                     'ID'
                      ]),
                     listeners: {
                                load: function (){
                                                  this.insert(0, rec);
                                                  }
                                } 
                    });
  systems.load();
  SystemsField = new Ext.form.ComboBox({
                     typeAhead: true,
                     allowBlank: true,
                     fieldLabel: 'Systemy',
                     labelStyle: 'font-size: 10; width: 120px;',   
                     triggerAction: 'all',
                     forceSelection: true,
                     store: systems,
                     width: 109,
                     mode: 'remote',
                     displayField: 'NAME',
                     valueField: 'ID',
                     listWidth: 126,
                     lazyRender:true
                   });
  mapaSystemsField = SystemsField.cloneConfig({
  width: 126,
  listWidth: 126  });
  var CityField =  new Ext.form.TextField(
  {
        fieldLabel: 'Miasto',
        labelStyle: 'font-size: 10; width: 120px;'          
  });
  var CreatorField =  new Ext.form.TextField(
  {
        fieldLabel: 'Wykonawca konstrukcji aluminiowych',
        labelStyle: 'font-size: 10; width: 120px;'          
  });
  var InvestorField =  new Ext.form.TextField(
  {
        fieldLabel: 'Inwestor',
        labelStyle: 'font-size: 10; width: 120px;'          
  });
  var MainCreatorField =  new Ext.form.TextField(
  {
        fieldLabel: 'Generalny wykonawca',
        labelStyle: 'font-size: 10; width: 120px;'          
  });
  var ProjectField =  new Ext.form.TextField(
  {
        fieldLabel: 'Projekt',
        labelStyle: 'font-size: 10; width: 120px;'          
  });
  var mapaCityField = CityField.cloneConfig({});
  var mapaCreatorField = CreatorField.cloneConfig({});
  var mapaInvestorField = InvestorField.cloneConfig({});
  var mapaMainCreatorField = MainCreatorField.cloneConfig({});
  var mapaProjectField = ProjectField.cloneConfig({});
  function overwriteGridFields() {
            NameField.setValue(NameF = mapaNameField.getValue());
            CategoryField.setValue(CategoryF = mapaCategoryField.getValue());
            CountryField.setValue(CountryF = mapaCountryField.getValue());
            CityField.setValue(CityF = mapaCityField.getValue());
            SystemsField.setValue(SystemsF = mapaSystemsField.getValue());
            CreatorField.setValue(CreatorF = mapaCreatorField.getValue());
            InvestorField.setValue(InvestorF = mapaInvestorField.getValue());
            MainCreatorField.setValue(MainCreatorF = mapaMainCreatorField.getValue());
            ProjectField.setValue(ProjectF = mapaProjectField.getValue());
            zakladki.activate( 1 );
    };
  function overwriteMapsFields() {
            mapaNameField.setValue(NameF = NameField.getValue());
            mapaCategoryField.setValue(CategoryF = CategoryField.getValue());
            mapaCountryField.setValue(CountryF = CountryField.getValue());
            mapaCityField.setValue(CityF = CityField.getValue());
            mapaSystemsField.setValue(SystemsF = SystemsField.getValue());
            mapaCreatorField.setValue(CreatorF = CreatorField.getValue());
            mapaInvestorField.setValue(InvestorF = InvestorField.getValue());
            mapaMainCreatorField.setValue(MainCreatorF = MainCreatorField.getValue());
            mapaProjectField.setValue(ProjectF = ProjectField.getValue());
  };
  var znajdzForm = new Ext.Panel({
    anchor: '100%',
    layout: 'form',
    frame: false,
    border: false, 
    xtype: 'form',
    // FormPanel    
    labelWidth: 120,
    defaultType: 'textfield',
    items: [
     NameField
    ,CategoryField,
    {
        html: '<div class="line_hor2"></div>',
        xtype: 'panel'
    },
    CountryField,
    CityField,
    {
          html: '<div class="line_hor2"></div>',
          xtype: 'panel'
    },
    SystemsField,
    {
          html: '<div class="line_hor2"></div>',
          xtype: 'panel'
    },
    CreatorField,
    {
      html: '<div class="line_hor2"></div>',
      xtype: 'panel'
    },
    InvestorField,
    MainCreatorField,
    ProjectField,
    {
          html: '<div class="line_hor2"></div>',
          xtype: 'panel'
        }
    ],
    buttons: [
        {text: 'Szukaj',
          type: 'submit',
          listeners:
          {
            click: function()
                {
                  showProgress();
                  overwriteMapsFields();;
                  store.reload();
                }
          },
          minWidth: 108 },
        {text: 'Wyczyść',
          type: 'reset',
          minWidth: 76,
          handler: function(){
                                NameField.setValue(mapaNameField.setValue());
                                CategoryField.setValue(mapaCategoryField.setValue());
                                CountryField.setValue(mapaCountryField.setValue());
                                CityField.setValue(mapaCityField.setValue());
                                SystemsField.setValue(mapaSystemsField.setValue());
                                CreatorField.setValue(mapaCreatorField.setValue());
                                InvestorField.setValue(mapaInvestorField.setValue());
                                MainCreatorField.setValue(mapaMainCreatorField.setValue());
                                ProjectField.setValue(mapaProjectField.setValue());
                             }
           }
    ]
  });
  var zobaczWszystkie = new Ext.Panel({
    anchor: '100%',
    buttons: [{
          text: 'Zobacz wszystkie realizacje',
          minWidth: 190,
          handler: function(){
                                NameF='', CategoryF='', CountryF='', CityF='', SystemsF='', CreatorF='', InvestorF='', MainCreatorF='', ProjectF='';
                                store.reload();
                                zakladki.activate(1);
                              }
          }]
  });
    var znajdz = new Ext.Panel({
    region: 'east',
    layout: 'anchor',
    title: '<span style="color: #eee;">Wyszukaj obiekty</span>',
    iconCls: 'icon_hint2',
    frame: true,
    border: true,
    collapsible : true,
    margins: '5 5 5 5',
    autoScroll: true,
    width: 270,
    cls: 'x-panel2',
        items: [znajdzForm, zobaczWszystkie]
        });
var mapaZnajdzForm = znajdzForm.cloneConfig({
    items: [
       mapaNameField,
       mapaCategoryField,
      {
          html: '<div class="line_hor2"></div>',
          xtype: 'panel'
      },
      mapaCountryField,
      mapaCityField,
      {
            html: '<div class="line_hor2"></div>',
            xtype: 'panel'
      },
      mapaSystemsField,
      {
            html: '<div class="line_hor2"></div>',
            xtype: 'panel'
      },
      mapaCreatorField,
      {
        html: '<div class="line_hor2"></div>',
        xtype: 'panel'
      },
      mapaInvestorField,
      mapaMainCreatorField,
      mapaProjectField,
      {
            html: '<div class="line_hor2"></div>',
            xtype: 'panel'
          }
      ],
      buttons: [
        {text: 'Szukaj',
          type: 'submit',
          listeners:
          {
            click: function()
                {
                  showProgress();
                  overwriteGridFields();
                  store.reload();
                }
          },
          minWidth: 108 },
        {text: 'Wyczyść',
          type: 'reset',
          minWidth: 76,
          handler: function(){
                                NameField.setValue(mapaNameField.setValue());
                                CategoryField.setValue(mapaCategoryField.setValue());
                                CountryField.setValue(mapaCountryField.setValue());
                                CityField.setValue(mapaCityField.setValue());
                                SystemsField.setValue(mapaSystemsField.setValue());
                                CreatorField.setValue(mapaCreatorField.setValue());
                                InvestorField.setValue(mapaInvestorField.setValue());
                                MainCreatorField.setValue(mapaMainCreatorField.setValue());
                                ProjectField.setValue(mapaProjectField.setValue()); 
                             }
           }
    ]
  });
  var mapaZobaczWszystkie = zobaczWszystkie.cloneConfig({
  });
  var mapaZnajdz = znajdz.cloneConfig({
    collapsible : false,
    items: [mapaZnajdzForm, mapaZobaczWszystkie]
  });
  var mapaPrawa = new Ext.Panel({
    region: 'east',
    border: true,
    layout: 'border',
    split : true,
    width: 510,
    frame: false,
    border: false,
    items: [news,mapaZnajdz]
  });
    var mapa = new Ext.Panel({
    contentEl: 'mapaDiv',
    title: 'Mapa',
    border: true,
    iconCls: 'icon_hint',
    layout: 'border',
    items: [mapaCenter,mapaPrawa]
  });
  var loaded=false;
 store = new Ext.data.Store({
        url: '/rels',
        reader: new Ext.data.XmlReader({
               record: 'ITEM',
               waitMsg: 'Ładowanie...',
               id: 'ID'
           }, [
               {name: 'NAME', mapping: 'NAME'},
               'ID', 'NAME2', 'HEIGHT', 'CATEGORY', 'COUNTRY', 'PDF', 'CITY', 'SYSTEMS', 'SYSTEM', 'CREATOR', 'CREATORURL', 'INVESTOR', 'INVESTORURL', 'MAINCREATOR', 'MAINCREATORURL', 'PROJECT', 'PROJECTURL', 'WWW', 'PHOTO1', 'PHOTO2', 'PHOTO3', 'MINIATURA'
           ]),
           listeners:{
            beforeload: function()
            {
              this.baseParams = {
                                  NAME:         NameF,
                                  CATEGORY:     CategoryF,
                                  COUNTRY:      CountryF,
                                  CITY:         CityF,
                                  SYSTEMS:      SystemsF,
                                  CREATOR:      CreatorF,
                                  INVESTOR:     InvestorF,
                                  MAINCREATOR:  MainCreatorF,
                                  PROJECT:      ProjectF
                                };
            },
            load: function(){
                  if(box)
                    box.hide();
                  if(this.getCount()==0)
                  {
                    Ext.Msg.show({
                       title:'Brak wyników',
                       msg: 'Brak wyników spełniających kryteria wyszukiwania',
                       buttons: Ext.Msg.OK
                    });
                  }
                   }
           }
    });
  function loadObject()
  {
    var sels = grid.selModel.getSelections();
    var record = sels[0];
    Ext.get('NameLabel').update(sels[0].data.NAME);
    Ext.get('CategoryLabel').update(sels[0].data.CATEGORY);
    Ext.get('CountryLabel').update(sels[0].data.COUNTRY);
    Ext.get('CityLabel').update(sels[0].data.CITY);
    if(sels[0].data.CREATORURL)
        Ext.get('CreatorLabel').update('<a target="_blank" href="'+sels[0].data.CREATORURL+'">'+sels[0].data.CREATOR+'</a>');
    else
        Ext.get('CreatorLabel').update(sels[0].data.CREATOR);
    if(sels[0].data.INVESTORURL)
        Ext.get('InvestorLabel').update('<a target="_blank" href="'+sels[0].data.INVESTORURL+'">'+sels[0].data.INVESTOR+'</a>');
    else
        Ext.get('InvestorLabel').update(sels[0].data.INVESTOR);
    if(sels[0].data.PROJECTURL)
        Ext.get('ProjectLabel').update('<a target="_blank" href="'+sels[0].data.PROJECTURL+'">'+sels[0].data.PROJECT+'</a>');
    else
        Ext.get('ProjectLabel').update(sels[0].data.PROJECT);
    if(sels[0].data.MAINCREATORURL)
        Ext.get('MainCreatorLabel').update('<a target="_blank" href="'+sels[0].data.MAINCREATORURL+'">'+sels[0].data.MAINCREATOR+'</a>');
    else
    Ext.get('MainCreatorLabel').update(sels[0].data.MAINCREATOR);
    Ext.get('WwwLabel').update(sels[0].data.WWW);
    var id = sels[0].data.ID;
    document.getElementById('objDirectLinkA').href = 'http://portfolio.aluprof.eu/?oid='+id;
    Ext.get('objDirectLinkA').update('http://portfolio.aluprof.eu/?oid='+id);
    var a = Ext.decode(sels[0].data.SYSTEM); 
    var str='';
    for(var i=0;i<a.length;i++)
    {
      str += '<span><a href="'+a[i][1]+'" target="_blank">'+a[i][0]+'</a></span>\n';
    }
    var print_ico = '<a target="_blank" href="/html/?oid='+record.data.ID+'"><img alt="Wersja do druku" src="/images/icon_print.gif" class="ikona" />Wersja do druku</a>';
    var record = sels[0];
    if(record.data.PDF)
      Ext.get('objKartaDiv').update('<a href="'+record.data.PDF+'"  target="_blank"><img src="/images/icon_pdf.gif" alt="Pobierz" class="ikona"/>Pobierz kartę obiektu (*.pdf)</a><br /><br />'+print_ico);
    else
      Ext.get('objKartaDiv').update(print_ico);
    Ext.get('objSystemyDiv').update(str);
    document.getElementById('WwwUrl').href = sels[0].data.WWW;
   if(record.data.PHOTO1)
   {  
    document.getElementById('MainPhoto').src = Ext.BLANK_IMAGE_URL;
    document.getElementById('fotoLargeDiv').style.background = 'url(/images/loadingAnimation.gif) center center no-repeat';
    document.getElementById('MainPhoto').src = '/gfx.php?w=1500&h=700&f='+sels[0].data.PHOTO1;
    document.getElementById('firstPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO1;
   }
    else
    { 
      document.getElementById('fotoLargeDiv').style.background = 'url() center center no-repeat';
      document.getElementById('firstPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('MainPhoto').src = Ext.BLANK_IMAGE_URL;
    }
    if(record.data.PHOTO2)  {
      document.getElementById('secondPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('secondPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO2;
      }
    else {
      document.getElementById('secondPhoto').src = Ext.BLANK_IMAGE_URL;
      }
    if(record.data.PHOTO3) {  
      document.getElementById('thirdPhoto').src = Ext.BLANK_IMAGE_URL;
      document.getElementById('thirdPhoto').src = '/gfx.php?w=500&h=140&f='+record.data.PHOTO3;
      }
    else {
      document.getElementById('thirdPhoto').src = Ext.BLANK_IMAGE_URL;
      }
  }
  function showObject()
  {
    objInfo.enable();
    zakladki.activate(2);
  }
    var grid = new Ext.grid.GridPanel({
        contentEl: 'gridDiv',
        region: 'center',
        border: true,
        store: store,
        margins: '5 0 5 5',
        tooltip: 'Kliknij 2x aby zobaczyć szczegóły',
        columns: [
            {header: "Miniatura", width: 100, dataIndex: 'MINIATURA'},
            {header: "Nazwa", width: 270, dataIndex: 'NAME', sortable: true},
            {header: "Kategoria", width: 160, dataIndex: 'CATEGORY', sortable: true},
            {header: "Kraj", width: 140, dataIndex: 'COUNTRY', sortable: true},
            {header: "Miasto", width: 140, dataIndex: 'CITY', sortable: true},
            {header: "Wykonawaca konstrukcji alu.", width: 220, dataIndex: 'CREATOR', sortable: true, hidden: true},
            {header: "Inwestor", width: 150, dataIndex: 'INVESTOR', sortable: true, hidden: true},
            {header: "Projekt", width: 150, dataIndex: 'PROJECT', sortable: true, hidden: true},
            {header: "Generalny wykonawca:", width: 150, dataIndex: 'MAINCREATOR', sortable: true, hidden: true},
            {header: "Zastosowane systemy", width: 150, dataIndex: 'SYSTEMS', sortable: true},
            {header: "Strona projektu", width: 170, dataIndex: 'WWW', sortable: true, hidden: true}
        ],
        autoExpandColumn: 0,
        listeners: { dblclick: showObject,
                      click: loadObject }
    });
    store.load();
    
   
    
 //----------------- 
  var anchorOdstep = new Ext.Panel({
    frame: false,
    border: false,
    collapsible : false,
    height: 15,
    anchor: '100%'
  });
  var obiekty = new Ext.Panel({
    contentEl: 'obiektyDiv',
    title: 'Lista obiektów',
    iconCls: 'icon_hint',
    border: true,
    layout: 'border',
    items: [grid, znajdz]
  });
  var objSystemy = new Ext.Panel({
    contentEl: 'objSystemyDiv',
    title: 'Zastosowane systemy',
    iconCls: 'icon_hint',
    frame: true,
    border: true,
    collapsible : true,
    titleCollapse : true,
    anchor: '100%'
  });
  var objDirectLink = new Ext.Panel({
    contentEl: 'objDirectLinkDiv',
    title: 'Link bezpośredni',
    iconCls: 'icon_hint',
    frame: true,
    border: true,
    collapsible : true,
    collapsed : true,
    titleCollapse : true,
    anchor: '100%'
  });
  var objKarta = new Ext.Panel({
    contentEl: 'objKartaDiv',
    title: 'Karta obiektu',
    iconCls: 'icon_hint',
    frame: true,
    border: false,
    collapsible : true,
    titleCollapse : true,
    anchor: '100%'
  });
  var objDetale = new Ext.Panel({
    contentEl: 'objDetaleDiv',
    frame: false,
    border: false,
    collapsible : false,
    margins: '5 0 5 0',
    anchor: '100%'
  });
  var objDetaleCont = new Ext.Panel({
    region: 'east',
    title: 'Szczegóły',
    iconCls: 'icon_hint',
    frame: true,
    border: true,
    collapsible : true,
    autoScroll: true, 
    margins: '5 5 5 5',
    width: 300,    
    layout: 'anchor',
    items: [objDetale,objSystemy,anchorOdstep,objDirectLink,objKarta]
  });
  var fotoLarge = new Ext.Panel({
    contentEl: 'fotoDiv',
    region: 'center',
    frame: true
  });
  var fotoMini = new Ext.Panel({
    contentEl: 'fotoMiniDiv',
    region: 'south',
    title: 'Wybierz zdjęcie',
    iconCls: 'icon_hint',
    frame: true,
    collapsible : true,
    titleCollapse : false,
    margins: '5 0 0 0',
    autoScroll: false,
    height: 150
  });
  var foto = new Ext.Panel({
    contentEl: 'fotoDiv',
    region: 'center',
    cloaseable: false,
    frame: false,
    border: false,
    margins: '5 5 5 5',
    layout: 'border',
    items: [fotoLarge, fotoMini]
  });
  objInfo = new Ext.Panel({
    contentEl: 'objInfoDiv',
    title: 'Szczegółowe informacje o obiekcie',
    iconCls: 'icon_hint',
    border: true,
    disabled: false,
    cloaseable: true,
    layout: 'border',
    items: [foto, objDetaleCont]
  });
  zakladki = new Ext.TabPanel({
    contentEl: 'zakladkiDiv',
    region: 'center',
    enableTabScroll: true,
    animScroll : true,
    autoTabs : false,
    deferredRender : false,
    activeTab: 0,
    style : 'border: 3px solid #e0e0e0;',
    items: [mapa,
            obiekty,
            objInfo]
    });
  var viewport = new Ext.Viewport({
            layout:'border',
            items: [
              {   region: 'north',
                  html: '<div id="header"> <a href="http://aluprof.eu/index.php" target="_blank"><img src="images/logo.gif" alt="Aluprof" /></a><h1>Portfolio</h1></div>',
                  height: 56,
                  border: false         
              },
              zakladki,
              {   region: 'south',
                  html: '<div id="footer"><a href="http://avigraf.com.pl" title="Designed by Avigraf - projektowanie stron internetowych, reklama, marketing internetowy"><img src="images/avigraf_logo.gif" alt="Avigraf - projektowanie stron, reklama interntowa, multimedia, web design" style="float: right; margin-right: 10px;" /></a> <div style="float:left; color:#666; margin-left: 10px;"><a href="/lang/PL">polski</a> | <a href="/lang/EN">english</a> | </div></div>',
                  height: 22,
                  border: false,
                  frame: false             
              }] 
            });
 loadingMask.hide();
   });